<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <title>简历</title>
</head>
<style>
</style>

<body>
    <span style="margin-left: 260px;">简历</span>
    <div>
        <form action="">
            <table border="1px">
                <tbody>
                    <tr>
                        <td>姓名</td>
                        <td><input type="text" name="name"></td>
                        <td>照片</td>
                        <td style="text-align: center;"> <input type="file" name="photo"></td>
                    </tr>
                    <tr>
                        <td>性别</td>
                        <td><input type="radio" name="sex" value="1" checked="true">男
                            <input type="radio" name="sex" value="2">女
                        </td>
                        <td>电子邮箱*</td>
                        <td style="text-align: center;"><input type="text" name="email"></td>
                    </tr>
                    <tr>
                        <td>出生日期</td>
                        <td><input type="date" name="data" value="data"></td>
                        <td>年龄</td>
                        <td style="text-align: center;"><input type="text" name="email"></td>
                    </tr>
                    <tr>
                        <td>政治面貌</td>
                        <td><input type="text" name="gro"></td>
                        <td>自学能力</td>
                        <td><input type="range"></td>
                    </tr>
                    <tr>
                        <td>手机号码</td>
                        <td><input type="text" name="phone"></td>
                        <td>幸运颜色</td>
                        <td><input type="color" name="color" value="#ff0000"></td>
                    </tr>
                    <tr>
                        <td>搜索同名</td>
                        <td colspan="3" style="text-align: center;"><input type="text"></td>
                    </tr>
                    <tr>
                        <td>兴趣爱好</td>
                        <td colspan="3">
                            
                            <input type="checkbox" name="hobby" value="run" id="1"><label for="1">跑步</label>
                            <input type="checkbox" name="hobby" value="swim" id="2"><label for="2">游泳</label>
                            <input type="checkbox" name="hobby" value="sing" id="3"><label for="3">唱歌</label>
                            <input type="checkbox" name="hobby" value="yoga" id="4"> <label for="4">瑜伽</label>
                        </td>
                    </tr>
                    <tr>
                        <td>个人主页</td>
                        <td colspan="3" style="text-align: center;"><input type="text" name="home"></td>
                    </tr>
                    <tr>
                        <td colspan="4" style="text-align: center;">
                            <button type="submit">添加</button>
                            <button onclick="quit()">关闭</button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </form>
    </div>
    <script>
        const quit = () => {
            window.close()
        }
    </script>
</body>

</html>